.shadow{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:11;display: none;}
$dialog-fs:rem-calc(32px) rem-calc(24px) rem-calc(28px);
$bor-col:#E7E7E7;
.dialog{width:rem-calc(545px);background:#fff;position: fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:12;border-radius: .3rem;display: none;}
.dialog .title{color:#333;height:rem-calc(83px);line-height:rem-calc(83px);border-bottom:.1rem solid $bor-col;padding-bottom:5px;font-family: "simhei";font-size: nth($dialog-fs,1);text-align: center;font-weight: normal;}
.dialog .title.title2{min-height: rem-calc(170px);line-height: rem-calc(170px);border-bottom:none;}
.dialog .dialog-body{line-height: 1.5;padding:rem-calc(28px);font-size: nth($dialog-fs,2);}
.dialog .dialog-body p{font-size: nth($dialog-fs,2);margin-bottom: rem-calc(30px);}
.dialog .dialog-footer{text-align:center;}
.dialog .dialog-footer .dialog-btn{display:block;border-top:.1rem solid $bor-col;font-size:nth($dialog-fs,2);color:#575656;padding:rem-calc(32px);}
.dialog .dialog-footer .dialog-btn:nth-child(2){color: #04A8F4;border-left: .1rem solid $bor-col;}
.dialog .dialog-footer .dialog-btn1{width: rem-calc(402px);height: rem-calc(84px);border: .1rem solid #00A7F7;border-radius: .3rem;display: block;line-height: rem-calc(84px);margin: 0 auto;font-size: nth($dialog-fs,3);}
.dialog .dialog-footer .dialog-btn1:nth-child(1){background: #00A7F7;margin: rem-calc(22px) auto;color: #fff;}
.dialog .dialog-footer .dialog-btn1:nth-child(2){color: #00A7F7;margin-bottom: rem-calc(40px);}